<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/pagination.css">
</head>
<body>
<button type="button" id="batchRemoveBtn" class="btn btn-danger" style="float:right;margin-left:10px;"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
<hr/>
<th width="30"><input  id="summaryBox" type="checkbox">点我</th>
<br/>
<br/>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
<td><input adminId="1" class="itemBox" type="checkbox"></td>
</body>
</html>
<script  src="/jquery/jquery-2.1.1.min.js"></script>
<script  src="/bootstrap/js/bootstrap.min.js"></script>
<script  src="/script/docs.min.js"></script>
<script  type="text/javascript" src="/script/jquery.pagination.js"></script>
<script>
    // 全选
    $("#summaryBox").click(function() {
        // 获取当前#summaryBox的勾选状态
        // this代表当前多选框对象（DOM对象）
        // checked属性为true时表示被勾选，为false时表示没有被勾选
        // 使用checkStatus设置.itemBox的状态
        $(".itemBox").prop("checked",this.checked);
    });
    // 批量删除按钮点击事件
    $("#batchRemoveBtn").click(function () {
        // 创建数组对象：存储adminId
        var adminIdArray = new Array();
        // 创建数组对象：存储loginAcct
        var loginAcctArray = new Array();
        $(".itemBox:checked").each(function () {
            var adminId=$(this).attr("adminId");
            adminIdArray.push(adminId);
            var loginAcct=$(this).parent("td").next().text();
            loginAcctArray.push(loginAcct);
        });
        if (adminIdArray.length==0){
            alert("请勾选您要删除的记录！");
            return ;
        }
        var confirmResult =confirm("您真的要删除"+loginAcctArray+"信息吗？操作不可逆，请谨慎决定！");
        if (confirmResult==false){
            return;
        }

    });
</script>